<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./jquery.js"></script>
</head>
<body>
    <script>
        // function aaa(url,method,data){
        //     // 返回一个promise，这个函数就是promise
        //     return new Promise((resolve,reject)=>{
        //         $.ajax({
        //             url,        //请求路径
        //             method,     //请求方式
        //             data,       //请求的参数
        //             // 成功回调
        //             success:(res)=>{
        //                 resolve(res)
        //             },
        //             // 失败回调
        //             error:(err)=>{
        //                 reject(err)
        //             }
        //         })
        //     })
        // }
        // // 调用
        // aaa('a.txt1','get',{}).then(res=>{
        //     // 请求成功的数据
        //     console.log(res);
        // },err=>{
        //     console.log(err.statusText);
        // })

        // 原生ajax的创建过程
        function aj(method,url){
            return new Promise((resolve)=>{
                // 先获取实例化XMLHttpRequest
                let xhm = new XMLHttpRequest()
                // 与服务器建立连接 参数一：请求方式，参数二：请求地址，参数三：是否开启异步
                xhm.open(method, url, true)
                // 发送请求 send是发送的意思
                xhm.send()
                // 接收响应的数据
                xhm.onreadystatechange=()=>{
                    console.log(xhm);
                    if(xhm.readyState==4){
                        if(xhm.status==200){
                            resolve(xhm.responseText)
                        }
                    }
                }
            })
        }
        aj('get1','a.txt').then(res=>{
            console.log(res);
        })
    </script>
</body>
</html>